<ion-content padding class="login-page-background">
  <h1 class="page-title">RENT</h1>
  <form [formGroup]="loginForm">
    <ion-list>
      <ion-item>
        <ion-input type="text" placeholder="用户名/手机号码" formControlName="user_account"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input type="password" placeholder="密码" formControlName="user_password"></ion-input>
      </ion-item>
    </ion-list>
    <ion-grid text-center>
      <ion-row>
        <ion-col>
          <button ion-button class="button-full" (click)="login(loginForm.value, $event)" [disabled]="!loginForm.valid">登录</button>
        </ion-col>
      </ion-row>
    </ion-grid>

    <ion-grid>
      <ion-row>
        <ion-col>
          <span (click)="registerUser()" class="color-f4f4f4">注册</span>
        </ion-col>
        <ion-col text-right>
          <span (click)="forgotPassword()" class="color-f4f4f4">忘记密码</span>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>
</ion-content>
